<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>产品关注</title>

	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

	<!-- Google Font: Source Sans Pro -->
	<link rel="stylesheet"
		href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
	<!-- Font Awesome Icons -->
	<link rel="stylesheet" href="../../plugins/fontawesome-free/css/all.min.css">
	<!-- IonIcons -->
	<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
	<!-- Theme style -->
	<link rel="stylesheet" href="../../dist/css/adminlte.min.css">

	<!-- 日期选择器引入依赖 -->
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/style.css" />
	<style>
		.case {
			margin-top: 2px
		}

		.ECalendar {
			width: 200px;
			height: 35px;
		}
		
		/* 弹出框 */
    .white_content { 
        display: none; 
        position: absolute; 
        top: -20%; 
        left: 20%; 
        width: 40%; 
        height: 150%; 
        padding: 10px; 
        border: 1px solid lightgray; 
        background-color: white; 
        z-index:1002; 
        overflow: auto;
    } 
    .white_content2 { 
        display: none; 
        position: absolute; 
        top: -10%; 
        left: 20%; 
        width: 40%; 
        height: 50%; 
        padding: 10px; 
        border: 1px solid lightgray; 
        background-color: white; 
        z-index:1002; 
        overflow: auto;
    } 
	</style>

	<!-- 引入分页依赖 -->
	<link rel="stylesheet" href="../../plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
	<link rel="stylesheet" href="../../plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
	<link rel="stylesheet" href="../../dist/css/adminlte.min.css">
	<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
	<link type="text/css" rel="stylesheet" charset="UTF-8"
		href="https://translate.googleapis.com/translate_static/css/translateelement.css">
	
	<!-- vue+axios -->
	<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
	<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>	
</head>

<body class="hold-transition sidebar-mini">
	<div class="wrapper">
			<div class="content-body">
				<!-- 美观页面 -->
				<div class="row"><p display="none"></p></div>
				<div style=" margin-left: 1%; margin-right: 1%;">
				
					<!-- 页面切换 -->
					<div class="row">
						<div class="col-12">
							<!-- Custom Tabs -->
							<div class="card">
								<div class="card-header d-flex p-0">
									<ul class="nav nav-pills p-3  col-sm-4">
										<li class="nav-item"><a class="nav-link active" href="#tab_1"
												data-toggle="tab">关注商品</a></li>
										<li class="nav-item"><a class="nav-link" href="#tab_2"
												data-toggle="tab">推送商品</a></li>
									</ul>
									<!-- <ul class="nav nav-pills p-3 col-sm-3">
										<div class="btn-group btn-group-toggle" data-toggle="buttons">
											<label class="btn btn-primary">
												<input type="radio" name="options" id="option1" autocomplete="off"
													checked=""> 全部
											</label>
											<label class="btn btn-primary" @click="yesStatus()">
												<input type="radio" name="options" id="option2" autocomplete="off" > 已关注
											</label>
											<label class="btn btn-primary active" @click="noStatus()">
												<input type="radio" name="options" id="option3" autocomplete="off"> 未关注
											</label>
										</div> 
									</ul> -->
									<!-- <ul class="nav nav-pills p-3  col-sm-2">
										<div class="case">
											<div class="calendarWarp" style="">
												<input type="text" name="date" class='ECalendar' id="ECalendar_case1"
													placeholder="选择日期" />
											</div>
										</div>
									</ul>
									<ul class="nav nav-pills p-3  col-sm-3">
										<input type="text" placeholder="请输入入库单号" />
										<button class="btn btn-primary">搜索</button>
									</ul> -->


								</div><!-- /.card-header -->
								<div class="card-body">
									<div class="tab-content">
										<div class="tab-pane active" id="tab_1">
											<!-- 头头 -->
											<div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
												<div class="row">
													<div class="col-sm-12" id="app">
										<div class="btn-group btn-group-toggle" data-toggle="buttons">
											<label class="btn btn-primary" @click="findAll()">
												<input type="radio" name="options" id="option1" autocomplete="off"
													checked=""> 全部
											</label>
											<label class="btn btn-primary" @click="yesStatus()">
												<input type="radio" name="options" id="option2" autocomplete="off" > 已关注
											</label>
											<label class="btn btn-primary active" @click="noStatus()">
												<input type="radio" name="options" id="option3" autocomplete="off"> 未关注
											</label>
										</div>
														<table id="example1"
															class="table table-bordered table-striped dataTable dtr-inline"
															role="grid" aria-describedby="example1_info">
															<thead>
																<tr role="row">
																	<th class="sorting" tabindex="0"
																		aria-controls="example1" rowspan="1"
																		colspan="1">品类分类</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example1" rowspan="1"
																		colspan="1">合作伙伴</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example1" rowspan="1"
																		colspan="1">推送时间</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example1" rowspan="1"
																		colspan="1">品类</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example1" rowspan="1"
																		colspan="1">状态</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example1" rowspan="1"
																		colspan="1">详情</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example1" rowspan="1"
																		colspan="1">是否关注</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example1" rowspan="1"
																		colspan="1">删除</th>
																</tr>
															</thead>
															<tbody>
															<tr role="row" class="odd" style="display: none;">
																<td class="" tabindex="0">Gecko</td>
																<td style="">Epiphany 2.20</td>
																<td style="">Gnome</td>
																<td style="">Epiphany 2.20</td>
																<td style="">Gnome</td>
																<td style="">Epiphany 2.20</td>
																<td style="">Gnome</td>
																<td style="">Gnome</td>
															</tr>
															<!-- <td><span style="font-size:13px;color:#FFBF00;">●</span>未关注</td> -->
																<tr v-for="goodsfocus in goodsfocuses">
																	<td>{{goodsfocus.gfname}}</td>
																	<td>{{goodsfocus.parent}}</td>
																	<td>{{goodsfocus.time}}</td>
																	<td>{{goodsfocus.category}}</td>
																	<td>
																	    <div v-if="goodsfocus.status == 0">
																	      <span style="font-size:13px;color:#FFBF00;">●</span>未关注
																	    </div>
																	    <div v-else>
																	      <span style="font-size:13px;color:#00A854;">●</span>已关注
																	    </div>
																	</td>
																	<td>
																		<p>
																			<a href="javascript:void(0)"
																				onclick="document.getElementById('light2').style.display='block';document.getElementById('fade').style.display='block'" @click="showpickgoods(goodsfocus.gfid)">
																				<img src="images/详情.png" height="40px">
																			</a>
																		</p>
																		<div id="light2" class="white_content" style="height: 50%;top: 10%;">
																			<a href="javascript:void(0)"
																				onclick="document.getElementById('light2').style.display='none';document.getElementById('fade').style.display='none'">
																				<div style="float: right;">关闭</div>
																			</a>
																			<div class="row">
																				<div class="col-sm-12">
																					<div class="row" style="height: 5%;"></div>
																					<div class="row">
																						<div class="col-sm-6"><img src="images/touxiang.jpg" width="100%" height="100%"></div>
																						<div class="col-sm-6">
																							<div class="row"><h5>&nbsp;&nbsp;基础信息:</h5></div>
																							<div class="row"><span>&nbsp;&nbsp;产品名称：{{rowGoodsfocuses.gfname}}</span></div>
																							<div class="row"><span>&nbsp;&nbsp;编码：{{rowGoodsfocuses.coding}}</span></div>
																							<div class="row"><span>&nbsp;&nbsp;产品线：{{rowGoodsfocuses.line}}</span></div>
																							<div class="row"><span>&nbsp;&nbsp;品类：{{rowGoodsfocuses.category}}</span></div>
																						</div>
																					</div>
																					<div class="row" style="height: 5%;"></div>
																					<div class="row">
																						<div class="col-sm-12">
																							<div class="row"><h5>&nbsp;&nbsp;配置信息:</h5></div>
																						</div>
																						<div class="col-sm-6">
																							<div class="row"><span>&nbsp;&nbsp;克重：{{rowGoodsfocuses.weight}}</span></div>
																							<div class="row"><span>&nbsp;&nbsp;工艺：{{rowGoodsfocuses.craft}}</span></div>
																							<div class="row"><span>&nbsp;&nbsp;产品成色：{{rowGoodsfocuses.productCondition}}</span></div>
																							<div class="row"><span>&nbsp;&nbsp;纯度：{{rowGoodsfocuses.purity}}</span></div>
																						</div>
																						<div class="col-sm-6">
																							<div class="row"><span>&nbsp;&nbsp;尺寸：{{rowGoodsfocuses.size}}</span></div>
																							<div class="row"><span>&nbsp;&nbsp;特性：{{rowGoodsfocuses.characteristic}}</span></div>
																							<div class="row"><span>&nbsp;&nbsp;适合人群：{{rowGoodsfocuses.suitable}}</span></div>
																							<div class="row"><span>&nbsp;&nbsp;工艺特性：{{rowGoodsfocuses.processCharacteristics}}</span></div>
																						</div>
																					</div>
																				</div>
																			</div>
																		</div>
																	</td>
																	<td>
																	    <div v-if="goodsfocus.status == 0">
																	    	<a href="#" @click="changeStatus(goodsfocus.gfid,goodsfocus.status)"><img src="images/未关注.png" height="40px"></a>
																	    </div>
																	    <div v-else>
																	    	<a href="#" @click="changeStatus(goodsfocus.gfid,goodsfocus.status)"><img src="images/已关注.png" height="40px"></a>
																	    </div>
																	</td>
																	<td><a href="#" class="nav-link" data-toggle="modal" data-target="#exampleModal"> 
																			<img src="images/删除.png" height="40px" @click="deleteGoods(goodsfocus.gfid)">
																		</a> 
																		
																	</td>
																</tr>
															</tbody>
															<tfoot>
																<tr>
																	<th rowspan="1" colspan="1">品类分类</th>
																	<th rowspan="1" colspan="1">合作伙伴</th>
																	<th rowspan="1" colspan="1">推送时间</th>
																	<th rowspan="1" colspan="1">品类</th>
																	<th rowspan="1" colspan="1">状态</th>
																	<th rowspan="1" colspan="1">详情</th>
																	<th rowspan="1" colspan="1">是否关注</th>
																	<th rowspan="1" colspan="1">删除</th>
																</tr>
															</tfoot>
														</table>
													</div>
												</div>
											</div>
											<!-- 后后 -->
										</div>
										<!-- /.tab-pane -->
										<div class="tab-pane" id="tab_2">
											<!-- 头头 -->
											<div id="example3_wrapper" class="dataTables_wrapper dt-bootstrap4">
												<div class="row">
													<div class="col-sm-12" id="app2">
										<div class="btn-group btn-group-toggle" data-toggle="buttons">
											<label class="btn btn-primary" @click="findAll()">
												<input type="radio" name="options" id="option1" autocomplete="off"
													checked=""> 全部
											</label>
											<label class="btn btn-primary" @click="yesStatus()">
												<input type="radio" name="options" id="option2" autocomplete="off" > 已关注
											</label>
											<label class="btn btn-primary active" @click="noStatus()">
												<input type="radio" name="options" id="option3" autocomplete="off"> 未关注
											</label>
										</div>
														<table id="example3"
															class="table table-bordered table-striped dataTable dtr-inline"
															role="grid" aria-describedby="example3_info">
															<thead>
																<tr role="row">
																	<th class="sorting" tabindex="0"
																		aria-controls="example3" rowspan="1"
																		colspan="1">品类分类</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example3" rowspan="1"
																		colspan="1">合作伙伴</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example3" rowspan="1"
																		colspan="1">推送时间</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example3" rowspan="1"
																		colspan="1">品类</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example3" rowspan="1"
																		colspan="1">状态</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example3" rowspan="1"
																		colspan="1">详情</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example3" rowspan="1"
																		colspan="1">是否关注</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example3" rowspan="1"
																		colspan="1">删除</th>
																</tr>
															</thead>
															<tbody>
															<tr role="row" class="odd" style="display: none;">
								                              <td class="" tabindex="0">Gecko</td>
								                              <td style="">Epiphany 2.20</td>
								                              <td style="">Gnome</td>
								                              <td style="">Epiphany 2.20</td>
								                              <td style="">Gnome</td>
								                              <td style="">Epiphany 2.20</td>
								                              <td style="">Gnome</td>
								                              <td style="">Gnome</td>
								                            </tr>
																<!-- <td><span style="font-size:13px;color:#FFBF00;">●</span>未关注</td> -->
																<tr v-for="goodsfocus in goodsfocuses">
																	<td>{{goodsfocus.gfname}}</td>
																	<td>{{goodsfocus.parent}}</td>
																	<td>{{goodsfocus.time}}</td>
																	<td>{{goodsfocus.category}}</td>
																	<td>
																	    <div v-if="goodsfocus.status == 0">
																	      <span style="font-size:13px;color:#FFBF00;">●</span>未关注
																	    </div>
																	    <div v-else>
																	      <span style="font-size:13px;color:#00A854;">●</span>已关注
																	    </div>
																	</td>
																	<td>
																		<p>
																			<a href="javascript:void(0)"
																				onclick="document.getElementById('light2').style.display='block';document.getElementById('fade').style.display='block'" @click="showpickgoods(goodsfocus.gfid)">
																				<img src="images/详情.png" height="40px">
																			</a>
																		</p>
																		<div id="light2" class="white_content">
																			<a href="javascript:void(0)"
																				onclick="document.getElementById('light2').style.display='none';document.getElementById('fade').style.display='none'">
																				<div style="float: right;">关闭</div>
																			</a>
																			<div class="row">
																				<div class="col-sm-12">
																					<div class="row" style="height: 5%;"></div>
																					<div class="row">
																						<div class="col-sm-6"><img src="images/touxiang.jpg" width="100%" height="100%"></div>
																						<div class="col-sm-6">
																							<div class="row"><h5>&nbsp;&nbsp;基础信息:</h5></div>
																							<div class="row"><span>&nbsp;&nbsp;产品名称：{{rowGoodsfocuses.gfname}}</span></div>
																							<div class="row"><span>&nbsp;&nbsp;编码：{{rowGoodsfocuses.coding}}</span></div>
																							<div class="row"><span>&nbsp;&nbsp;产品线：{{rowGoodsfocuses.line}}</span></div>
																							<div class="row"><span>&nbsp;&nbsp;品类：{{rowGoodsfocuses.category}}</span></div>
																						</div>
																					</div>
																					<div class="row" style="height: 5%;"></div>
																					<div class="row">
																						<div class="col-sm-12">
																							<div class="row"><h5>&nbsp;&nbsp;配置信息:</h5></div>
																						</div>
																						<div class="col-sm-6">
																							<div class="row"><span>&nbsp;&nbsp;克重：{{rowGoodsfocuses.weight}}</span></div>
																							<div class="row"><span>&nbsp;&nbsp;工艺：{{rowGoodsfocuses.craft}}</span></div>
																							<div class="row"><span>&nbsp;&nbsp;产品成色：{{rowGoodsfocuses.productCondition}}</span></div>
																							<div class="row"><span>&nbsp;&nbsp;纯度：{{rowGoodsfocuses.purity}}</span></div>
																						</div>
																						<div class="col-sm-6">
																							<div class="row"><span>&nbsp;&nbsp;尺寸：{{rowGoodsfocuses.size}}</span></div>
																							<div class="row"><span>&nbsp;&nbsp;特性：{{rowGoodsfocuses.characteristic}}</span></div>
																							<div class="row"><span>&nbsp;&nbsp;适合人群：{{rowGoodsfocuses.suitable}}</span></div>
																							<div class="row"><span>&nbsp;&nbsp;工艺特性：{{rowGoodsfocuses.processCharacteristics}}</span></div>
																						</div>
																					</div>
																				</div>
																			</div>
																		</div>
																	</td>
																	<td>
																	    <div v-if="goodsfocus.status == 0">
																	    	<a href="#" @click="changeStatus(goodsfocus.gfid,goodsfocus.status)"><img src="images/未关注.png" height="40px"></a>
																	    </div>
																	    <div v-else>
																	    	<a href="#" @click="changeStatus(goodsfocus.gfid,goodsfocus.status)"><img src="images/已关注.png" height="40px"></a>
																	    </div>
																	</td>
																	<td><a href="#" class="nav-link" data-toggle="modal" data-target="#exampleModal"> 
																			<img src="images/删除.png" height="40px" @click="deleteGoods(goodsfocus.gfid)">
																		</a> 
																		<!-- 删除关注 -->
																		<!-- <div class="modal fade" id="exampleModal"
																			tabindex="-1" role="dialog"
																			aria-labelledby="exampleModalLabel"
																			aria-hidden="true">
																			<div class="modal-dialog">
																				<div class="modal-content">
																					<div class="modal-header">
																						<h5 class="modal-title" id="exampleModalLabel">确定要删除关注吗？
																						</h5>
																						<button type="button" class="close"
																							data-dismiss="modal" aria-label="Close">
																							<span aria-hidden="true">&times;</span>
																						</button>
																					</div>
																					<div class="modal-footer">
																						<button type="button" class="btn btn-secondary"
																							data-dismiss="modal">取消</button>
																						<button type="button" class="btn btn-primary"
																							onclick="deleteGoods(goodsfocus.gfid)">确定</button>
																					</div>
																				</div>
																			</div>
																		</div>  --><!-- 删除关注 -->
																	</td>
																</tr>
															</tbody>
															<tfoot>
																<tr>
																	<th rowspan="1" colspan="1">品类分类</th>
																	<th rowspan="1" colspan="1">合作伙伴</th>
																	<th rowspan="1" colspan="1">推送时间</th>
																	<th rowspan="1" colspan="1">品类</th>
																	<th rowspan="1" colspan="1">状态</th>
																	<th rowspan="1" colspan="1">详情</th>
																	<th rowspan="1" colspan="1">是否关注</th>
																	<th rowspan="1" colspan="1">删除</th>
																</tr>
															</tfoot>
														</table>
													</div>
												</div>
											</div>
											<!-- 后后 -->
										</div>
										<!-- /.tab-pane -->
									</div>
									<!-- /.tab-content -->
								</div><!-- /.card-body -->
							</div>
							<!-- ./card -->
						</div>
						<!-- /.col -->
					</div>

				</div>
			</div>

		

		<script type="text/javascript">
			new Vue({
			el:"#app",
			data:{
				goodsfocuses:[],
				rowGoodsfocuses:[],
			},
			mounted(){
					axios
						.get('/goodsfocus/all/')
						.then(res =>{
							console.info(res.data);
							this.goodsfocuses=res.data;
						})
			},
			methods:{
				//通过gfid查询当条数据 
             	showpickgoods:function(gfid){
                     //alert(gfid);
 				 axios
     	              .get("/goodsfocus/searchData",{
     	                params: {
     	                	gfid:gfid
     	                }
     	              })
     	              .then(res => {
     	            	 console.info(res.data);
     	            	this.rowGoodsfocuses=res.data;
     	              })
                 },
                 
                 //通过gfid修改是否关注
                 changeStatus:function(gfid,status){
                       //alert(gfid+","+status);
         			axios
	         	         .get("/goodsfocus/changeStatus",{
	         	                params: {
	         	                	gfid:gfid,
	         	                	status:status,
	         	                }
	         	              })
	         	              .then(res => {
	         	            	 alert(res.data.message);
                                 window.location.href = "product_concern.html"; 
	         	              })
                         },
                         
                 //通过gfid删除商品数据
                 deleteGoods:function(gfid){
                       //alert(gfid);
         			axios
	         	         .get("/goodsfocus/deleteData",{
	         	                params: {
	         	                	gfid:gfid,
	         	                }
	         	              })
	         	              .then(res => {
	         	            	 alert(res.data.message);
                                 window.location.href = "product_concern.html"; 
	         	              })
                         },
                         
                 //查询已关注
                 yesStatus:function(){
                     //alert("yiguanzhu");
          			axios
 	         	         .get("/goodsfocus/selectStatus",{
 	         	                params: {
 	         	                	status:1,
 	         	                }
 	         	              })
 	         	              .then(res => {
 	         	            	 //alert(res.data.message);
 	         	            	 this.goodsfocuses=res.data;
                                 //window.location.href = "product_concern.html"; 
 	         	              })
                          },
                       
                        //查询未关注
                          noStatus:function(){
                              //alert("yiguanzhu");
                   			axios
          	         	         .get("/goodsfocus/selectStatus",{
          	         	                params: {
          	         	                	status:0,
          	         	                }
          	         	              })
          	         	              .then(res => {
          	         	            	 //alert(res.data.message);
          	         	            	 this.goodsfocuses=res.data;
                                          //window.location.href = "product_concern.html"; 
          	         	              })
                                   },
                                   
                                   //查询全部
                                   findAll:function(){
                                       //alert("yiguanzhu");
                            			axios
											.get('/goodsfocus/all/')
											.then(res =>{
												console.info(res.data);
												this.goodsfocuses=res.data;
											})
                                            },
                 
               }
			});
			
			new Vue({
				el:"#app2",
				data:{
					goodsfocuses:[],
					rowGoodsfocuses:[],
				},
				mounted(){
						axios
							.get('/goodsfocus/all/')
							.then(res =>{
								console.info(res.data);
								this.goodsfocuses=res.data;
							})
				},
				methods:{
					//通过gfid查询当条数据 
	             	showpickgoods:function(gfid){
	                     //alert(gfid);
	 				 axios
	     	              .get("/goodsfocus/searchData",{
	     	                params: {
	     	                	gfid:gfid
	     	                }
	     	              })
	     	              .then(res => {
	     	            	 console.info(res.data);
	     	            	this.rowGoodsfocuses=res.data;
	     	              })
	                 },
	                 
	                 //通过gfid修改是否关注
	                 changeStatus:function(gfid,status){
	                       //alert(gfid+","+status);
	         			axios
		         	         .get("/goodsfocus/changeStatus",{
		         	                params: {
		         	                	gfid:gfid,
		         	                	status:status,
		         	                }
		         	              })
		         	              .then(res => {
		         	            	 alert(res.data.message);
	                                 window.location.href = "product_concern.html"; 
		         	              })
	                         },
	                         
	                 //通过gfid删除商品数据
	                 deleteGoods:function(gfid){
	                       //alert(gfid);
	         			axios
		         	         .get("/goodsfocus/deleteData",{
		         	                params: {
		         	                	gfid:gfid,
		         	                }
		         	              })
		         	              .then(res => {
		         	            	 alert(res.data.message);
	                                 window.location.href = "product_concern.html"; 
		         	              })
	                         },
	                         
	                       //查询已关注
	                         yesStatus:function(){
	                             //alert("yiguanzhu");
	                  			axios
	         	         	         .get("/goodsfocus/selectStatus",{
	         	         	                params: {
	         	         	                	status:1,
	         	         	                }
	         	         	              })
	         	         	              .then(res => {
	         	         	            	 //alert(res.data.message);
	         	         	            	 this.goodsfocuses=res.data;
	                                         //window.location.href = "product_concern.html"; 
	         	         	              })
	                                  },
	                               
	                                //查询未关注
	                                  noStatus:function(){
	                                      //alert("yiguanzhu");
	                           			axios
	                  	         	         .get("/goodsfocus/selectStatus",{
	                  	         	                params: {
	                  	         	                	status:0,
	                  	         	                }
	                  	         	              })
	                  	         	              .then(res => {
	                  	         	            	 //alert(res.data.message);
	                  	         	            	 this.goodsfocuses=res.data;
	                                                  //window.location.href = "product_concern.html"; 
	                  	         	              })
	                                           },
	                                           
	                                           //查询全部
	                                           findAll:function(){
	                                               //alert("yiguanzhu");
	                                    			axios
	        											.get('/goodsfocus/all/')
	        											.then(res =>{
	        												console.info(res.data);
	        												this.goodsfocuses=res.data;
	        											})
	                                                    },
	                 
	                 
	               }
				});
		</script>


	</div>
	<!-- ./wrapper -->

	<!-- REQUIRED SCRIPTS -->

	<!-- jQuery -->
	<script src="../../plugins/jquery/jquery.min.js"></script>
	<!-- Bootstrap -->
	<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
	<!-- AdminLTE -->
	<script src="../../dist/js/adminlte.js"></script>

	<!-- OPTIONAL SCRIPTS -->
	<script src="../../plugins/chart.js/Chart.min.js"></script>
	<!-- AdminLTE for demo purposes -->
	<script src="../../dist/js/demo.js"></script>
	<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
	<script src="../../dist/js/pages/dashboard3.js"></script>

	<!-- 日期选择器 -->
	<script src="js/jquery.min.js"></script>
	<script src="js/Ecalendar.jquery.min.js"></script>
	<script type="text/javascript">
		$(function () {
			$("#ECalendar_case1").ECalendar({
				type: "date",
				skin: "#233",
				offset: [0, 2]
			});
		})
	</script>

	<!-- 引入分页依赖 -->
	<script src="../../plugins/datatables/jquery.dataTables.min.js"></script>
	<script src="../../plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
	<script src="../../plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
	<script src="../../plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
	<script src="../../dist/js/adminlte.min.js"></script>
	<script>
		$(function () {
			$("#example1").DataTable({
				"responsive": true,
				"autoWidth": false,
			});
			$("#example3").DataTable({
				"responsive": true,
				"autoWidth": false,
			});
			$('#example2').DataTable({
				"paging": true,
				"lengthChange": false,
				"searching": false,
				"ordering": true,
				"info": true,
				"autoWidth": false,
				"responsive": true,
			});
		});
	</script>
</body>

</html>